.house-comment {
  background: white;
  padding: .5rem;
  margin-bottom: .5rem;

  .icon-star {
    color: #ffad03;
  }
  .icon-star-no {
    color: #6d6d72;
  }
  .row {
    display: flex;
    align-items: center;
  }
  .remark-num {
    flex-grow: 1;
    font-size: 14px;
    padding-left: .5rem;
  }
  .star {
    .icon {
      font-size: 15px;
    }
  }
  .user-info {
    display: flex;
    padding: .5rem 0;

    img {
      border-radius: 50%;
      width: 2rem;
      height: 2rem;
      margin-right: .5rem;
    }
    .username {
      max-width: 70vw;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
  }
  .user-comment {
    font-size: 14px;
    color: #4c4c51;
    .text-omit(4);
  }
}

.text-omit(@line:2) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: @line;
  -webkit-box-orient: vertical;
}